/*流程相关样式*/
.flowEdit>.tabs { width: 240px; float: left; }
.flowEdit>.tabs>.body>.main { overflow: hidden }

.flowEdit>.tabs .nodePl { height: 100%; overflow-y: auto }
.flowEdit>.tabs .comTree { height: 100%; overflow: hidden }
.flowEdit>.tabs .nodePl>.item { float: left; width: 108px; height: 80px; text-align: center; }
.flowEdit>.tabs .nodePl>.item.selected { background-color: #409eff; color: #FFFFFF; }
.flowEdit>.tabs .nodePl>.item .nodes {
	overflow: hidden; width: 100px; height: 50px; margin: 4px;
	background-image: url(/soagov/flow/img/nodes.png);
}
.flowEdit>.tabs .nodePl .process { background-position: 0px 0px; }
.flowEdit>.tabs .nodePl .input { background-position: -100px 0px; }
.flowEdit>.tabs .nodePl .start { background-position: -200px 0px; }
.flowEdit>.tabs .nodePl .rollbackTx { background-position: -300px 0px; }
.flowEdit>.tabs .nodePl .subflow { background-position: 0px -50px; }
.flowEdit>.tabs .nodePl .switch { background-position: -100px -50px; }
.flowEdit>.tabs .nodePl .end { background-position: -200px -50px; }
.flowEdit>.tabs .nodePl .judge { background-position: 0px -100px; }
.flowEdit>.tabs .nodePl .arrow { background-position: -100px -100px; }
.flowEdit>.tabs .nodePl .output { background-position: -200px -100px; }
.flowEdit>.tabs .nodePl .try { background-position: 0px -150px; }
.flowEdit>.tabs .nodePl .finally { background-position: 0px -200px; }
.flowEdit>.tabs .nodePl .catch { background-position: -100px -150px; }
.flowEdit>.tabs .nodePl .yrt { background-position: -100px -200px; }
.flowEdit>.tabs .nodePl .beginTx { background-position: -200px -150px; }
.flowEdit>.tabs .nodePl .commitTx { background-position: -200px -200px; }
.flowEdit>.tabs .nodePl .fork { background-position: 0px -250px; }
.flowEdit>.tabs .nodePl .join { background-position: -100px -250px; }
.flowEdit>.tabs .nodePl .suspend { background-position: -200px -250px; }

#flowCvs { margin: 12px; }

<!--  -->
.flowEdit .cvsBox {
	background-color: #EEE; float: left; min-width: 240px; overflow: auto;
}
.flowEdit .propPl {
	width: 360px; min-width: 360px; float: left; overflow-y: auto;
}
.flowEdit .propPl .label { width: 80px; }
.flowEdit .propPl .item>input[type=text] { width: 230px; }
.flowEdit .propPl .item>input[type=number] { width: 230px; }
.flowEdit .propPl .item>input[type=checkbox] { margin-top: 6px; }
.flowEdit .propPl .item>textarea { width: 230px; height: 60px; }
.flowEdit .propPl .nodeProp>.title {
	font-size: 16px; cursor: pointer; margin: 8px 0px 12px 8px; text-decoration: underline;
}
.flowEdit .propPl .title .icon {
	margin: 3px 4px 0px 0px; border: 1px solid #666;
}
.flowEdit .subform.locked { color: #CCC; }
.flowEdit .subform.locked .item>input[readOnly] {
	background-color: transparent; color: #888; border: 1px solid #888;
}
.flowEdit .subform.locked .item>input[type=checkbox] { border: 1px solid #CCC; }

<!--  -->
.flowView>.tabs { width: 240px; float: left; }
.flowView>.tabs>.body>.main { overflow: hidden }
.flowView>.tabs .execPl>.main { height: 240px; margin: 12px 0px 12px 0px }
.flowView>.tabs .execPl>.foot>.title {
	background-color: #EEE; font-size: 16px; margin: 8px 0px 12px 8px;
}

.flowView>.tabs .recPl { height: 100%; overflow: hidden }

.flowView .cvsBox {
	background-color: #EEE; float: left; min-width: 240px; overflow: auto;
}
.flowView .propPl {
	width: 360px; min-width: 360px; float: left; overflow-y: auto;
}
.flowView .propPl .label { width: 80px; }
.flowView .propPl .item>input[type=text] { width: 230px; }
.flowView .propPl .item>input[type=checkbox] { margin-top: 6px; }
.flowView .propPl .item>textarea { width: 230px; height: 60px; }
.flowView .propPl .title {
	font-size: 16px; cursor: pointer; margin: 8px 0px 12px 8px; text-decoration: underline;
}
.flowView .propPl .title .icon {
	margin: 3px 4px 0px 0px; border: 1px solid #666;
}
.flowView .subform.locked { color: #666; }
.flowView .subform.locked .item>input[type=text], .flowEdit .subform.locked .item>textarea {
	background-color: transparent; color: #CCC; border: 1px solid #CCC;
}
.flowView .subform.locked .item>input[type=checkbox] { border: 1px solid #CCC; }

body .facePicker .form .label { float: left; width: 70px; }
body .facePicker .form input { width: 158px; }
body .facePicker .form button { border: 1px solid #CCC; height: 26px; margin-left: 8px; }
body .facePicker .viewPort { margin: 12px 12px 0px 12px; height: 408px; }
body .facePicker .tree {
	margin: 12px; border: 1px solid #CCC; width: 456px; height: 480px;
}
.window.faceView>.body>.tabs { margin: 4px; }
body .faceParam .form>.item>.msg{ text-align: left;}

body .comPicker .tree {
	margin: 12px; border: 1px solid #CCC; width: 456px; height: 480px;
}

.comEdit .form { float: left; margin: 12px; }
.comEdit .form textarea { height: 108px; width: 258px; }
.comEdit .form .item>input[type=text] { width: 258px; }
.comEdit .form .item>span.msg { width: 258px; display: block; float: left; margin: 0 4px; text-align: left;}
.comPicker>.body>.form { height: 24px; margin: 12px 12px 8px 12px; }
.comPicker>.body>.main { height: 380px; margin: 12px; }

.pmsMap .viewPort {
	border: 1px solid #CCC; height: 340px; margin: 8px;
}
.pmsMap .item input[name=belong] { width: 400px; }

.form>.item>.msg{text-align: left;}

.macRpcIndex>.left { width: 400px; }
.macRpcIndex>.infoPl>div>.head { font-size: 16px; height: 24px; line-height: 22px; }

.refs .providers .fl { width: 260px; }
.refs .providers .mid {
	float: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC;
}
.refs .providers .mid button { width: 80px; margin: 8px; }




.infoPl>.home{ 
	padding:10px 30px 0px 10px;
	display: flex;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.infoPl>.home .fi{
	margin-left:20px;
	margin-top:20px;
	box-sizing: border-box;
	height:300px;
	width: 30%;
	border: 1px solid #CCCCCC;
}
.infoPl>.home .fi-wirhout-border{
	font-size:16px;
	border: 0 !important;
}
.infoPl>.home .fi-wirhout-border>a{
	text-decoration:underline;
}
.infoPl>.home .fi >.head{
	padding-left:15px; color: white; font-size: 16px;
	height: 50px; line-height: 50px; background-color: #388CD2;
}

.infoPl>.home .fi >.list{
	margin:0; height:100%; padding-left:30px; overflow-y:auto;
}
.infoPl>.home .fi >.list>.item{
	list-style-type:disc; margin-top:5px; color:black;
}
.infoPl>.home .fi >.list>.item>a{
	width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.infoPl>.home .fi >.list>.item:hover { cursor: pointer; }

.faceImplPicker .bottom { text-align: center; }
.faceImplEdit input[type=text] { width: 400px; }

.dialog .confirm{ padding: 5px 0 10px 0; }

.jvmMonitorIndex>.head {
	width: 100% !important; height:auto !important; padding:5px 0px;
}
.jvmMonitorIndex>.head>.factor { width: auto; display: inline-block; }
.jvmMonitorIndex>.head>.factor>div{ display:inline-block; }
.jvmMonitorIndex>.head>.factor label{ height:auto; vertical-align: sub; }
.jvmMonitorIndex>.head>.factor img{ height: 20px; }
.jvmMonitorIndex>.head>.factor>.refresh{ width: auto; }
.jvmMonitorIndex>.head>.factor>.total{ width: auto; margin-left: 10px; }
.jvmMonitorIndex>.head>.factor>.datepicker{ width: auto; margin-left: 10px; }
.jvmMonitorIndex>.head>.factor>.refresh>input{width: 60px !important;text-align: right;}
.jvmMonitorIndex>.head>.factor>.total>input{width: 80px !important;text-align: right;}
.jvmMonitorIndex>.head>.factor>.datepicker>input{margin-top: 0}
.jvmMonitorIndex>.head>.factor>.datepicker>.small{width: 40px !important; text-align: center}
.jvmMonitorIndex>.head>.factor>.datepicker>.date{width: 100px !important;text-align: center}
.jvmMonitorIndex>.head>.factor>.datepicker>button{margin-right:0px !important}

.svcInstMock .form>.item>input { width: 350px; padding: 1px 0px;  }
.svcInstMock .form>.item>textarea { width: 350px; padding: 1px 0px; }

.svcInstLimit>.body>.body { height: 148px; }
.svcInstBw>.body>.body { height: 148px; }

.svcInstMonitor>.neck>div.fl { height: 32px; }
.svcInstMonitor>.neck>div>.label { float: left; width: 120px; }
.svcInstMonitor>.neck span { height: 32px; line-height: 32px; }
.svcInstMonitor>.neck input[type=number] { width: 80px; }
.svcInstMonitor>.neck input.num2 { width: 40px; }

.svcTraceView input[name=zoom] { width: 80px; }
.svcTraceView>.head { border-top: 1px solid #CCC; }
.svcTraceView>.form .label { width: 80px; }
.svcTraceView>.form .value { width: 200px; }

.svcTraceView .timeline {
	border-top: 2px solid #0080ff; border-collapse:collapse; margin-top: 8px;
}
.svcTraceView .timeline th { border-bottom: 1px solid #0080ff; }
.svcTraceView .timeline .ruler { height: 16px; width: 100%; }
.svcTraceView .timeline td { border-bottom: 1px solid #0080ff; }
.svcTraceView .timeline td.label { padding: 0px 4px 4px 4px; }
.svcTraceView .timeline td.body { padding-bottom: 4px; border-left: 1px solid #CCC; }
.svcTraceView .timeline .thread>.body>.work {
	height: 24px; border-right: 1px solid #0080ff; display: inline-block; white-space: nowrap;
}
.svcTraceView .timeline .thread>.body>.work>.call {
	border-left: 1px solid #000; border-top: 6px solid #FFF; border-bottom: 8px solid #FFF;
	height: 12px; cursor: pointer; background-color: #0080c0;
	display: inline-block; white-space: nowrap;
	/* Safari 5.1 - 6.0 */
	background: -webkit-linear-gradient(left, #FFF, #0080c0);
	/* Opera 11.1 - 12.0 */
	background: -o-linear-gradient(left, #FFF, #0080c0);
	/* Firefox 3.6 - 15 */
	background: -moz-linear-gradient(left, #FFF, #0080c0);
	/* 标准的语法 */
	background: linear-gradient(left, #FFF, #0080c0);
	/* Safari 5.1 - 6.0 */
/* 	background: -webkit-linear-gradient(#0080c0, #FFF, #0080c0); */
	/* Opera 11.1 - 12.0 */
/* 	background: -o-linear-gradient(#0080c0, #FFF, #0080c0); */
	/* Firefox 3.6 - 15 */
/* 	background: -moz-linear-gradient(#0080c0, #FFF, #0080c0); */
	/* 标准的语法 */
/* 	background: linear-gradient(#0080c0, #FFF, #0080c0); */
}
.svcTraceView .timeline .thread>.body>.work>.call:hover { background: #0080ff; }

.svcTraceView .diagram {
	border-top: 2px solid #0080ff; border-bottom: 2px solid #0080ff; margin-top: 8px;
}
.svcTraceView .diagram .work { float: left; margin: 8px 0px 8px 24px; }
.svcTraceView .diagram .work>.label {
	height: 24px; border-bottom: 2px solid #0080ff; font-weight: bold;
}
.svcTraceView .diagram .work .call {
	cursor: pointer; margin: 8px 0px 8px 0px; overflow: hidden;
}
.svcTraceView .diagram .work .call>.label {
	height: 24px; border-bottom: 1px solid #0080ff; padding-left: 4px;
}
.svcTraceView .diagram .work .call>.label:hover { background: #EEE; }